<!--
 * @Description: 
 * @Version: 2.0
 * @Author: godless
 * @Date: 2024-04-01 16:41:25
 * @LastEditors: godless
 * @LastEditTime: 2024-04-01 16:44:36
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 1. 编写一个选择器，使每个段落的第一个字的字体大小为2倍。 -->

    <!-- 2. 使用伪元素为每个列表项前添加一个箭头（例如“>”）。 -->

    <!-- 3. 编写一个选择器，为每个链接的第一个字母添加下划线。 -->

    <!-- 4. 使用伪元素为每个表格标题（`<th>` 元素）的内容添加背景色。 -->

    <!-- 5. 创建一个选择器，为每个段落的最后一行添加一个斜线作为装饰。 -->

    <!-- 6. 使用伪元素为每个列表的最后一个项添加特殊标记（例如一个小图标或者特殊符号）。 -->

    <!-- 7. 编写一个选择器，使每个段落的最后一个字的颜色为红色。 -->

    <!-- 8. 使用伪元素为每个标题（`<h1>` 到 `<h6>` 元素）添加一个渐变背景。 -->

    <!-- 9. 创建一个选择器，为每个表格的第一个单元格添加一个特殊的边框样式。 -->

    <!-- 10. 使用伪元素为每个列表的第一个项添加一个特殊的标签（例如"NEW"）。 -->

    <!-- 11. 编写一个选择器，使每个表格中第一行的单元格背景色为淡灰色。 -->

    <!-- 12. 使用伪元素为每个图片的标题（`<figcaption>` 元素）添加一个半透明的背景。 -->

    <!-- 13. 创建一个选择器，使每个段落的第一行文本加粗并且斜体显示。 -->

    <!-- 14. 编写一个选择器，为每个表格中奇数行的单元格添加一个特定的边框样式。 -->

    <!-- 15. 使用伪元素为每个表单字段的标签（`<label>` 元素）添加一个特殊的图标或符号。 -->
  </body>
</html>
